<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<jsp:include page="body/header.jsp" />

<script type="text/javascript">
    window.onload = function() {  
        rememberFormInputs(document.havainnointitapahtuma.elements);
        updateName(document.getElementById('laskentakunta'), document.getElementById('kunta'));
        updateName(document.getElementById('havainnoijaNumero'), document.getElementById('ringer'));
    } 
</script>

<jsp:include page="body/mainmenu.jsp" />
<div id="page">
    <jsp:include page="body/submenu_syotto.jsp" />
    <c:if test="${not empty virhe}">          
        <h1><font color="red">${virhe}</h1><br></font>
        </c:if>
    <c:if test="${not empty tapahtuma && !not empty virhe}">
        <h1>Uusi havainnointitapahtuma </h1>
        <p>Uusi havainnointitapahtuma reitille 
            <c:if test="${not empty reitti.reitinAlias}">
                "${reitti.reitinAlias}"
            </c:if>
            : reittinumero : ${reitti.vanhaReittiNumero} 
            <c:if test="${yleinenTila.tila != false}">
                <br><br><button type="submit" onClick="document.havainnointitapahtuma.submit()">Tallenna uusi havainnointitapahtuma</button>
            </c:if></p>

            <!--    Sivussa pysyvä laatikko, joka näyttää reitin tiedot (jos pääsee unohtumaan, kun täyttää havaintoja)
            -->

            <c:if test="${not empty reitti}">
                <div class="reitti">
                <br><br>
                <table>
                    <tr>
                        <th>${reitti.reitinAlias}</th>
                    </tr>
                    <tr>
                        <td>Reittinumero: ${reitti.vanhaReittiNumero}</td>
                    </tr>
                    <tr>
                        <td>Talvireitin numero: ${reitti.talvireitinNumero}</td>
                    </tr>
                    <tr>
                        <td>Yhtenäiskoordinaatit: ${reitti.pohjoiskoordinaatti}P ja ${reitti.itakoordinaatti}I</td>
                    </tr>
                    <tr>
                        <td>Pisteiden lukumäärä: ${reitti.pisteidenLkm}</td>
                    </tr>
                </table>
            </div>

            <!--    Havainnointitapahtuman lomake-->
            <div class="container" id="perustiedot">
                <jsp:include page="forms/tapahtuma.jsp" />
            </div>

            <c:if test="${yleinenTila.tila != false}">
                <br><br><button type="submit" onClick="document.havainnointitapahtuma.submit()">Tallenna uusi havainnointitapahtuma</button>
            </c:if>

            <br><br><br>

        </c:if>
    </c:if>
</div>
</body>
</html>

